<template>
  <demoBlock title="组件调用">
    <vcu-cell is-link title="组件调用" @click="showComponentCall" />

    <vcu-notify v-model:show="show" type="success">
      <vcu-icon name="notification" style="margin-right: 4px" />
      <span>通知内容</span>
    </vcu-notify>
  </demoBlock>
</template>

<script>
import { defineComponent, ref } from "vue";
export default defineComponent({
  setup() {
    const show = ref(false);
    const showComponentCall = () => {
      show.value = true;
      setTimeout(() => {
        show.value = false;
      }, 2000);
    };
    return { show, showComponentCall };
  },
});
</script>
